<cfparam name="template" type="string">

<cfswitch expression="#template#">
	<cfcase value="wizardTemplate">
		<script id="wizardTemplate" type="text/x-kendo-tmpl">
			<form id="#= data.contentId#" novalidate="false" data-bind="events: {change: change}">
				<div class="container-fluid wizardContainer">
				<!--- insert steps here --->
				</div>
			</form>
		</script>
	</cfcase>
	<cfcase value="wizardStepTemplate">
		<script id="wizardStepTemplate" type="text/x-kendo-tmpl">
			<div class="row-fluid step#= data.step# wizardStep">
				# if (typeof data.columns == "number") { #
					# if (data.columns == 2) { #
						<div class="span6 column1"></div>
						<div class="span6 column2"></div>
					# } else if (data.columns == 3) { #
						<div class="span4 column1"></div>
						<div class="span4 column2"></div>
						<div class="span4 column3"></div>
					# } else if (data.columns == 4) { #
						<div class="span3 column1"></div>
						<div class="span3 column2"></div>
						<div class="span3 column3"></div>
						<div class="span3 column4"></div>
					# } else if (data.columns == 6) { #
						<div class="span2 column1"></div>
						<div class="span2 column2"></div>
						<div class="span2 column3"></div>
						<div class="span2 column4"></div>
						<div class="span2 column5"></div>
						<div class="span2 column6"></div>
					# } else { #
						<div class="span12 column1"></div>
					# } #
				# } #
			</div>
		</script>
	</cfcase>
	<cfcase value="orderWizardTemplate">
		<script id="orderWizardTemplate" type="text/x-kendo-tmpl">
			<form id="#= data.contentId#" data-bind="events: {change: change}">
				<div class="container-fluid wizardContainer">
					<div class="row-fluid step1 wizardStep">
						<div class="span4">
							<div class="k-control">
								<label for="anticipated_ship_date">Anticipated Ship Date</label>
								<span data-bind="text: anticipated_ship_date"></span><br>
								<small>
									Anticipated Ship Date is calculated as 4 weeks prior to your next scheduled workshop. Please allow up to 3 weekdays after shipment for your order to arrive.
								</small>
							</div>
							<div class="k-control">
								<label for="volunteer_count">Number of volunteers who will assist your workshops&nbsp;<span class="k-invalid-msg" data-for="volunteer_count"></span></label>
								<input type="text" class="volunteer_count" name="volunteer_count" data-bind="value: volunteer_count" style="width: 50px;" required />
							</div>
							<div class="k-control">
								<label for="student_count">Number of students your workshops will serve&nbsp;<span class="k-invalid-msg" data-for="student_count"></span></label>
								<input type="text" class="student_count" name="student_count" data-bind="value: student_count" style="width: 50px;" required />
							</div>
						</div>
						<div class="span4">
							<div>
								<label for="shipping_organization">Organization&nbsp;<span class="k-invalid-msg" data-for="shipping_organization"></span></label>
								<input type="text" name="shipping_organization" data-bind="value: shipping_organization" />
							</div>
							<div>
								<label for="shipping_department">Department&nbsp;<span class="k-invalid-msg" data-for="shipping_department"></span></label>
								<input type="text" name="shipping_department" data-bind="value: shipping_department" />
							</div>
							<div>
								<label for="shipping_name">Recipient Name&nbsp;<span class="k-invalid-msg" data-for="shipping_name"></span></label>
								<input type="text" name="shipping_name" data-bind="value: shipping_name" />
							</div>
							<!--- <div>
								<label for="shipping_name">Ship To&nbsp;<span class="k-invalid-msg" data-for="shipping_name"></span></label>
								<textarea name="shipping_name" data-bind="value: shipping_name"></textarea>
							</div> --->
							<div>
								<label for="shipping_address">Address&nbsp;<span class="k-invalid-msg" data-for="shipping_address"></span></label>
								<input type="text" name="shipping_address" data-bind="value: shipping_address" required />
							</div>
							<div>
								<label for="shipping_city">City&nbsp;<span class="k-invalid-msg" data-for="shipping_city"></span></label>
								<input type="text" name="shipping_city" data-bind="value: shipping_city" required />
							</div>
							<div>
								<label for="shipping_zip_code">Zip Code&nbsp;<span class="k-invalid-msg" data-for="shipping_zip_code"></span></label>
								<input type="text" name="shipping_zip_code" data-bind="value: shipping_zip_code" required />
							</div>
						</div>
						<div class="span4">
							<div>
								<label for="shipping_phone">Phone&nbsp;<span class="k-invalid-msg" data-for="shipping_phone"></span></label>
								<input type="tel" name="shipping_phone" data-bind="value: shipping_phone" required />
							</div>
							<!--- <div>
								<label for="shipping_email">E-mail&nbsp;<span class="k-invalid-msg" data-for="shipping_email"></span></label>
								<input type="email" name="shipping_email" data-bind="value: shipping_email" required />
							</div> --->
							<!--- <div>
								<label for="shipping_phone2">Phone 2&nbsp;<span class="k-invalid-msg" data-for="shipping_phone2"></span></label>
								<input type="text" name="shipping_phone2" data-bind="value: shipping_phone2" />
							</div> --->
							<!--- <div>
								<label for="shipping_fax">Fax&nbsp;<span class="k-invalid-msg" data-for="shipping_fax"></span></label>
								<input type="text" name="shipping_fax" data-bind="value: shipping_fax" />
							</div> --->
							<div>
								<label for="shipping_instructions">Instructions&nbsp;<span class="k-invalid-msg" data-for="shipping_instructions"></span></label>
								<textarea name="shipping_instructions" data-bind="value: shipping_instructions" class="span12"></textarea>
							</div>
						</div>
					</div>
				</div>
			</form>		
		</script>
	</cfcase>
	<cfcase value="oapWizardTemplate">
		<script id="oapWizardTemplate" type="text/x-kendo-tmpl">
			<form id="#= data.contentId#" data-bind="events: {change: change}">
				<div class="container-fluid wizardContainer">
					<div class="row-fluid step1 wizardStep">
						<div class="span12">
							<p>We are asking you to serve a minimum of 25 students per workshop.</p>
							<p>In order to have the scholarship awarded specifically to students attending your workshop, you will need to return a minimum of 25 student online (or paper) exit surveys. However, if your workshop does not meet the minimum of 25 exit surveys, students can still participate in the scholarship program. Student exit surveys will be combined into a pool of other student exit surveys from the same area or region.</p>
							<div class="k-control">
								<label for="workshop_count">Number of workshops you plan to conduct&nbsp;<span class="k-invalid-msg" data-for="workshop_count"></span></label>
								<input type="text" class="workshop_count" name="workshop_count" min="1" max="100" data-bind="value: workshop_count, events: {keyup: updateOnKeyup}" style="width: 50px;" required />
							</div>
							<div class="k-control">
								<label for="student_target">Total number of students your workshop(s) will assist&nbsp;<span class="k-invalid-msg" data-for="student_target"></span></label>
								<input type="text" class="student_target" name="student_target" min="10" max="5000" data-bind="value: student_target, events: {keyup: updateOnKeyup}" style="width: 50px;" required />
							</div>
							<!--- <div class="k-control">
								<label for="averageStudentsPerWorkshop">Average students per workshop</label>
								<div data-bind="text: averageStudentsPerWorkshop()"></div><br>
								<span class="alert alert-error" data-bind="visible: averageWarningVisible">Please increase average to 25 or more students per workshop</span>
							</div> --->
						</div>
					</div>
				</div>
			</form>
		</script>
	</cfcase>
	<cfcase value="accountWizardTemplate">
		<script id="accountWizardTemplate" type="text/x-kendo-tmpl">
			<form id="#= data.contentId#" data-bind="events: {change: change}">
				<div class="container-fluid wizardContainer">
					<!--- get email to check for existing account --->
					<div class="row-fluid step1 wizardStep">
						<div class="span12">
							<div>
								<label for="email">Enter your e-mail address&nbsp;<span class="k-invalid-msg" data-for="email"></span></label>
								<input type="email" name="email" data-bind="value: email" required />
							</div>
						</div>
					</div>
					<!--- user form --->
					<div class="row-fluid step2 wizardStep">
						<div class="span4">
							<div>
								<label for="first_name">First Name&nbsp;<span class="k-invalid-msg" data-for="first_name"></span></label>
								<input type="text" name="first_name" data-bind="value: first_name" required />
							</div>
							<div>
								<label for="last_name">Last Name&nbsp;<span class="k-invalid-msg" data-for="last_name"></span></label>
								<input type="text" name="last_name" data-bind="value: last_name" required />
							</div>
							<div>
								<label for="title">Title&nbsp;<span class="k-invalid-msg" data-for="title"></span></label>
								<input type="text" name="title" data-bind="value: title" />
							</div>
						</div>
						<div class="span4">
							<div class="k-control">
								<label for="email">E-mail&nbsp;<span class="k-invalid-msg" data-for="email"></span></label>
								<span data-bind="text: email"></span>
							</div>
							<div>
								<label for="password">Password&nbsp;<span class="k-invalid-msg" data-for="password"></span></label>
								<input type="password" name="password" data-bind="value: password" required />
							</div>
							<div>
								<label for="phone">Phone&nbsp;<span class="k-invalid-msg" data-for="phone"></span></label>
								<input type="tel" name="phone" data-bind="value: phone" placeholder="\#\#\#-\#\#\#-\#\#\#\#" required />
							</div>
						</div>
						<div class="span4">
						</div>
					</div>
					<!--- select organization --->
					<div class="row-fluid step3 wizardStep">
						<div class="span12">
							<div data-bind="invisible: isNewUser">
								<p>An account already exists for the e-mail address <span data-bind="text: email" style="font-weight: bold;"></span>.</p>
								<p><a href="\#" class="btn btn-success" data-bind="events: {click: sendPassword}">Send password</a></p>
							</div>
							<div data-bind="visible: isNewUser">
								<h4>Select Your Organization</h4>
								<p>Select your organization from the list below.  If your organization is not listed, select "My organization is not listed" at the end of the list.</p>
								<div id="organizationsList"></div>
							</div>
						</div>
					</div>
					<!--- organization form --->
					<div class="row-fluid step4 wizardStep">
						<div class="span4">
							<div>
								<label for="organization">Organization&nbsp;<span class="k-invalid-msg" data-for="organization"></span></label>
								<input type="text" name="organization" data-bind="value: organization" required />
							</div>
							<div>
								<label for="address">Address&nbsp;<span class="k-invalid-msg" data-for="address"></span></label>
								<input type="text" name="address" data-bind="value: address" required />
							</div>
							<div>
								<label for="city">City&nbsp;<span class="k-invalid-msg" data-for="city"></span></label>
								<input type="text" name="city" data-bind="value: city" required />
							</div>
							<div>
								<label for="zip_code">Zip Code&nbsp;<span class="k-invalid-msg" data-for="zip_code"></span></label>
								<input type="text" name="zip_code" data-bind="value: zip_code" required />
							</div>
							<div class="k-control">
								<label for="county_id">County&nbsp;<span class="k-invalid-msg" data-for="county_id"></span></label>
								<select name="county_id" data-role="dropdownlist" data-text-field="county" data-value-field="county_id" data-option-label="Select..." data-bind="source: counties, value: county_id" required></select>
							</div>
						</div>
						<div class="span8"></div>
					</div>
					<div class="row-fluid step5 wizardStep">
						<div class="span12">
							<h4>Confirm Account Details</h4>
							
						</div>
					</div>
				</div>
			</form>		
		</script>
	</cfcase>
	<cfdefaultcase>
		The requested wizard template could not be found.
	</cfdefaultcase>
</cfswitch>